<template>
  <div v-loading.fullscreen.lock="fullscreenLoading" class="mainForm" style="width: 90%;margin: auto">
    <div
      style="    line-height: 50px;
    font-size: 30px;
    color: dodgerblue;
     margin-top: 20px;
"
    >中小企业数智生态报告
    </div><el-button v-if="allForm.base.entName" type="primary" @click="handleDown(allForm.base.entName)">PDF下载</el-button>
    <div id="demo" style="background: #ffffff;margin-top: 30px;width: 1091px;margin: auto">
      <!--      封面-->
      <div class="everyPage fmPage" style="background-color: #ffffff">
        <div v-watermark="{text1:'中小企业高质量发展诊断报告',text2:'',font:'30px Microsoft JhengHei',textColor:'rgba(50, 50, 50, 0.2)'}">
          <div class="adfwqx">
            <div style="padding: 15px 20px 20px 20px;font-size: 28px;color: #ffffff;line-height: 40px">
              <div style="text-align: right">中小企业高质量发展诊断平台</div>
            </div>
          </div>
          <div style="margin-top: 250px;height: 380px;padding-top: 50px">
            <div v-if="allForm.base.cityName" class="title2a1">中小企业高质量发展<br>诊断报告
            </div>
            <div v-if="allForm.base" style="margin: 100px 295px 0px 360px;color: #000000">
              <div v-if="allForm.base.entName" class="aceacd">企业名称 : {{ allForm.base.entName }}</div>
              <div class="aceacd">组织机构代码 : {{ allForm.base.entCode }}</div>
              <el-row style="margin-bottom: 20px">
                <el-col :span="12">
                <!--                <div class="aceacd">诊断时间 : {{ allForm.base.time }}</div>-->
                </el-col>
                <el-col :span="12" />
              </el-row>
            </div>
          </div>
          <div style="margin-top: 660px;margin-bottom: 10px"><div class="aceacd" style="text-align: right;padding-right: 40px;color: #ffffff">诊断时间 : {{ allForm.base.time }}</div></div>
          <div class="smaa" style="background:#166e8e00;padding:10px 30px;color: #ffffff ">
            声明:诊断方法参照工信部印发的《优质中小企业梯度培育管理暂行办法》和本地区《专精特新发展指数》，诊断报告根据企业填报的数据得出，企业对提供的数据真实性和准确性负责。诊断结果仅供参考，并非作为申报成功与否的保证或承诺，不具备政府或法律效力。
          </div>
        </div>
      </div>
      <!--      封面结束-->
      <div v-watermark="{text1:'中小企业高质量发展诊断报告',text2:'',font:'30px Microsoft JhengHei',textColor:'rgba(50, 50, 50, 0.1)'}">
        <div style="margin: 0px 0px">
          <div>
            <div class="mainPage" />
            <!--            第一页-->
            <div class="mainPagehead">
              <div class="mainPagehead1">中小企业高质量发展诊断平台</div>
            </div>
            <div class="mainPageContent">
              <div class="title2" style="margin-top: 100px;margin-bottom: 50px">
                企业基本信息
              </div>
              <div v-if="allForm2" style="padding:0px 20px">
                <el-row>
                  <el-col :span="12">
                    <div v-if="allForm2.basePo.entName" class="jbxx">企业名称 : {{ allForm2.basePo.entName }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">统一社会信用代码 : {{ allForm2.basePo.entCode }}</div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">法人代表 : {{ allForm2.basePo.legalPerson }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">注册资本 : {{ allForm2.basePo.regCapital }}万元</div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">企业注册地 : {{ allForm2.basePo.provName }}-{{ allForm2.basePo.cityName }}-{{ allForm2.basePo.distName }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">注册地址 : {{ allForm2.basePo.regAddress }}</div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">注册时间 : {{ allForm2.basePo.regTime }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">生产经营年限 : {{ allForm2.basePo.operationLife }}年</div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">企业类型 : {{ allForm2.basePo.entTypeName }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">企业规模 : {{ allForm2.basePo.entScaleName }}</div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">全职员工数量 : {{ allForm2.basePo.entNumber }}人</div>
                  </el-col>
                  <el-col :span="12" />
                </el-row>
              </div>
              <div class="title2" style="margin-top: 100px;margin-bottom: 50px">
                企业主营业务
              </div>
              <div v-if="allForm2" style="padding:0px 20px">
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">所属行业 : {{ allForm2.basePo.industryName }}-{{ allForm2.basePo.industrySecondName }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">具体细分领域 : {{ allForm2.basePo.industryThreeName }}-{{ allForm2.basePo.industryFourthName }}</div>
                  </el-col>
                </el-row>
              </div>
              <div class="title2" style="margin-top:  100px;margin-bottom: 50px">
                联系方式
              </div>
              <div v-if="allForm2" style="padding:0px 20px">
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">联系人姓名 : {{ allForm2.basePo.contactsName }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">联系人电话 : {{ allForm2.basePo.contactsTel }}</div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">联系人手机 : {{ allForm2.basePo.contactsMobile }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">电子邮箱 : {{ allForm2.basePo.email }}</div>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <div class="jbxx">邮编 : {{ allForm2.basePo.postalCode }}</div>
                  </el-col>
                  <el-col :span="12">
                    <div class="jbxx">通讯地址 : {{ allForm2.basePo.commAddress }}</div>
                  </el-col>
                </el-row>

                <!--                <div class="xjr" label="" prop="entHolding">-->
                <!--                  与现有“小巨人”企业存在控股关系:-->
                <!--                  <div v-if="allForm2.basePo.entHolding === '1'">是</div>-->
                <!--                  <div v-if="allForm2.basePo.entHolding === '0'">否</div>-->
                <!--                </div>-->
                <!--                <div class="xjr" label="" prop="entSimilar">-->
                <!--                  同集团内有其他生产相似主导产品企业获得认定或申报:-->
                <!--                  <div v-if="allForm2.basePo.entSimilar === '1'">是</div>-->
                <!--                  <div v-if="allForm2.basePo.entSimilar === '0'">否</div>-->
                <!--                </div>-->
              </div>
            </div>
            <div class="yd" style="height: 190px;padding-top: 120px">
              <div class="smaa">
                声明:诊断方法参照工信部印发的《优质中小企业梯度培育管理暂行办法》和本地区《专精特新发展指数》，诊断报告根据企业填报的数据得出，企业对提供的数据真实性和准确性负责。诊断结果仅供参考，并非作为申报成功与否的保证或承诺，不具备政府或法律效力。
              </div>
              <div style="text-align: center">1</div>
            </div>
            <!--            第二页-->
            <div class="mainPagehead">
              <div class="mainPagehead1">中小企业高质量发展诊断平台</div>
            </div>
            <div class="mainPageContent">
              <div class="title2">
                优质中小企业专精特新发展评分结果
              </div>
              <el-row class="dsac" :gutter="10">
                <el-col :span="12">
                  <div class="echart-border">
                    <div id="ztsp" ref="ztsp" />
                  </div>
                </el-col>
                <el-col :span="12">
                  <div class="echart-border">
                    <div id="zjtxzspf" ref="zjtxzspf" />
                  </div>
                </el-col>
              </el-row>
              <div class="fxtitle1" style="margin: 20px 0 0 0">评分结果</div>
              <div style="border-bottom: #aaaaaa 1px solid;padding:20px 0px">
                <div v-if="allForm.target">
                  <div style="float: left;height: 40px;margin: -16px 20px 0px 20px">
                    <p>评分结果: </p></div>
                  <div style="height: 40px">
                    <p>企业专精特新发展评分为<span class="fenshu">{{ allForm.target.totalScore }}分</span>,本地区专精特新发展平均评分为<span class="fenshu">{{ allForm.target.totalAverage }}分</span><br>
                    </p>
                  </div>
                </div>
                <div style="float: left;height:40px;margin: 0px 20px 0px 20px"><p>评分建议:</p></div>
                <div style="height: 40px">
                  <p>请对照《优质中小企业梯度培育管理暂行办法》要求在<span class="fenshu">{{ allForm.base.proposal }}</span>方面培育提升</p>
                  <!--                          <p>建议进行<span class="fenshu">{{ allForm.base.declare }}</span></p>-->
                </div>
                <div style="float: left;margin: 0px 20px 0px 20px"><p>评分对标:</p></div>
                <div>
                  <p>
                    <!--                            本地区共有<span class="fenshu">{{ allForm.base.count }}家</span>企业进行了诊断，-->
                    企业专精特新发展评分超过了本地区
                    <span class="fenshu"> {{ allForm.base.transcend }}</span>的企业</p>
                </div>
              </div>
              <div class="fxjg1p1">
                <div class="fxtitle1" style="margin: 40px 0 0 0">专精特新发展评分结果分析</div>
                <div id="base" ref="base" />
                <div class="eae">
                  <p>企业基础能力的评价综合考虑企业营业收入、净利润、总资产、资产负债率、全职员工数量、股权融资、国际化等因素</p>
                  <p v-if="allForm.target">企业基础能力评分为{{ allForm.target.baseScore }}<span v-if="allForm.target.baseScore>=allForm.target.baseAverage">大</span><span v-if="allForm.target.baseScore<allForm.target.baseAverage">小</span>于本地平均分{{ allForm.target.baseAverage }}，<span v-if="allForm.target.baseScore<allForm.target.baseAverage">建议针对提升</span><span v-if="allForm.target.baseScore>=allForm.target.baseAverage">建议继续保持</span></p>
                </div>

                <div id="professionl" ref="professionl" />
                <div class="eae">
                  <p>企业专业化能力的评价综合考虑主营业务收入、占营业收入比重、年平均增长率、从事特定细分市场年限等因素</p>
                  <p v-if="allForm.target">企业专业化能力评分为{{ allForm.target.professionlScore }}<span v-if="allForm.target.professionlScore>=allForm.target.professionlAverage">大</span><span v-if="allForm.target.professionlScore<allForm.target.professionlAverage">小</span>于本地平均分{{ allForm.target.professionlAverage }}，<span v-if="allForm.target.professionlScore<allForm.target.professionlAverage">建议针对提升</span><span v-if="allForm.target.professionlScore>=allForm.target.professionlAverage">建议继续保持</span></p>
                </div>
              </div>
            </div>
            <div class="yd" style="height: 120px;padding-top: 30px">
              <div class="smaa">
                声明:诊断方法参照工信部印发的《优质中小企业梯度培育管理暂行办法》和本地区《专精特新发展指数》，诊断报告根据企业填报的数据得出，企业对提供的数据真实性和准确性负责。诊断结果仅供参考，并非作为申报成功与否的保证或承诺，不具备政府或法律效力。
              </div>
              <div style="text-align: center">2</div>
            </div>
            <!--            第三页-->
            <div class="mainPagehead">
              <div class="mainPagehead1">中小企业高质量发展诊断平台</div>
            </div>
            <div class="mainPageContent">
              <el-row :gutter="10">
                <el-col :span="24">
                  <div class="echart-border">
                    <div class="fxjg1">
                      <div id="refine" ref="refine" />
                      <div class="eae">
                        <p> 企业精细化能力的评价综合考虑管理体系认证、产品国际认可度、数字化技术及信息系统情况、绿色制造等因素</p>
                        <p v-if="allForm.target">企业精细化能力评分为{{ allForm.target.refineScore }}<span v-if="allForm.target.refineScore>=allForm.target.refineAverage">大</span><span v-if="allForm.target.refineScore<allForm.target.refineAverage">小</span>于本地平均分{{ allForm.target.refineAverage }}，<span v-if="allForm.target.refineScore<allForm.target.refineAverage">建议针对提升</span><span v-if="allForm.target.refineScore>=allForm.target.refineAverage">建议继续保持</span></p>
                      </div>
                      <div id="characteristic" ref="characteristic" />
                      <div class="eae">
                        <p>企业特色化能力的评价综合考虑产品市场占有率、自主品牌、商标和销售收入情况、参与标准规则制定等因素</p>
                        <p v-if="allForm.target">企业特色化能力评分为{{ allForm.target.characteristicScore }}<span v-if="allForm.target.characteristicScore>=allForm.target.characteristicAverage">大</span><span v-if="allForm.target.characteristicScore<allForm.target.characteristicAverage">小</span>于本地平均分{{ allForm.target.characteristicAverage }}，<span v-if="allForm.target.characteristicScore<allForm.target.characteristicAverage">建议针对提升</span><span v-if="allForm.target.characteristicScore>=allForm.target.characteristicAverage">建议继续保持</span></p>
                      </div>
                      <div id="innovation" ref="innovation" />
                      <div class="eae">
                        <p> 企业创新能力的评价综合考虑研发经费投入及强度、研发人员占比、知识产权数量、研发机构级别等因素</p>
                        <p v-if="allForm.target">企业创新能力评分为{{ allForm.target.innovationScore }}<span v-if="allForm.target.innovationScore>=allForm.target.innovationAverage">大</span><span v-if="allForm.target.innovationScore<allForm.target.innovationAverage">小</span>于本地平均分{{ allForm.target.innovationAverage }}，<span v-if="allForm.target.innovationScore<allForm.target.innovationAverage">建议针对提升</span><span v-if="allForm.target.innovationScore>=allForm.target.innovationAverage">建议继续保持</span></p>
                      </div>
                      <div id="develop" ref="develop" />
                      <div class="eae">
                        <p>企业高质量发展能力的评价综合考虑产业链配套、“六基”领域、高新技术企业、国家级科技奖励等因素</p>
                        <p v-if="allForm.target">企业高质量发展能力评分为{{ allForm.target.developScore }}<span v-if="allForm.target.developScore>=allForm.target.developAverage">大</span><span v-if="allForm.target.developScore<allForm.target.developAverage">小</span>于本地平均分{{ allForm.target.developAverage }}，<span v-if="allForm.target.developScore<allForm.target.developAverage">建议针对提升</span><span v-if="allForm.target.developScore>=allForm.target.developAverage">建议继续保持</span></p>
                      </div>
                    </div>

                  </div>
                </el-col>
              </el-row>
            </div>
            <div class="yd" style="height: 260px;padding-top: 170px;padding-bottom: 20px">
              <div class="smaa">
                声明:诊断方法参照工信部印发的《优质中小企业梯度培育管理暂行办法》和本地区《专精特新发展指数》，诊断报告根据企业填报的数据得出，企业对提供的数据真实性和准确性负责。诊断结果仅供参考，并非作为申报成功与否的保证或承诺，不具备政府或法律效力。
              </div>
              <div style="text-align: center">3</div>
            </div>
            <!--            第四页-->
            <div class="mainPagehead">
              <div class="mainPagehead1">中小企业高质量发展诊断平台</div>
            </div>
            <div class="mainPageContent">
              <div class="title2">
                优质中小企业梯度培育评测结果
              </div>
              <el-row class="dsac" :gutter="10">
                <el-col :span="24">
                  <div class="echart-border">
                    <div id="tdpj" ref="tdpj" />
                  </div>
                </el-col>
              </el-row>
              <div class="fxtitle1" style="margin: 20px 0 0 0">诊断结果</div>
              <div style="padding:20px 0px">
                <div v-if="allForm.target">
                  <div style="float: left;height: 120px;margin: -16px 20px 0px 20px">
                    <p>诊断结果: </p></div>
                  <div style="height: 120px">
                    <p><span v-if="allForm.base.innovate === 1" class="fenshu">符合</span>
                      <span v-if="allForm.base.innovate === 0" class="fenshu">不符合</span>创新型中小企业标准:
                      <span v-if="allForm.innovate.throughContent === '符合'" class="fenshu">符合</span>
                      <span v-if="allForm.innovate.throughContent === '不符合'" class="fenshu">不符合</span>直通条件;
                      <span v-if="allForm.base.totalScore >= 60">符合评分条件：
                        <!--                                总评分为100分，合格分为60分，-->
                        当前评分为<span class="fenshu">{{ allForm.base.totalScore }}分</span>
                      </span>
                      <span v-if="allForm.base.totalScore < 60">不符合评分条件：
                        <!--                                总评分为100分，合格分为60分，-->
                        当前评分为<span class="fenshu">{{ allForm.base.totalScore }}分</span>
                      </span>
                    </p>

                    <p><span v-if="allForm.base.refinement === 1" class="fenshu">符合</span>
                      <span v-if="allForm.base.refinement === 0" class="fenshu">不符合</span>专精特新中小企业标准:
                      <span v-if="allForm.refinement.throughScore === 1" class="fenshu">符合</span>
                      <span v-if="allForm.refinement.throughScore === 0" class="fenshu">不符合</span>直通条件;
                      <span v-if="allForm.refinement.totalScore >= 60">
                        符合评分条件：
                        <!--                                总评分100分，合格分60分，-->
                        当前评分<span class="fenshu">{{ allForm.refinement.totalScore }}分</span>
                      </span>
                      <span v-if="allForm.refinement.totalScore < 60">
                        不符合评分条件：
                        <!--                                总评分100分，合格分60分，-->
                        当前评分<span class="fenshu">{{ allForm.refinement.totalScore }}分</span>
                      </span>
                    </p>
                    <p><span v-if="allForm.base.giant === 1" class="fenshu">符合</span>
                      <span v-if="allForm.base.giant === 0" class="fenshu">不符合</span>专精特新小巨人标准
                      :<span v-if="allForm.base.giant === 1" class="fenshu">符合</span>
                      <span v-if="allForm.base.giant === 0" class="fenshu">不符合</span>基础条件
                      <!--                              <span v-if="allForm.base.giant === 1" class="fenshu">符合</span>-->
                      <!--                              <span v-if="allForm.base.giant === 0" class="fenshu">不符合</span>条件:-->
                      <!--                                                            共有6个方面19项指标，全符合为合格，-->
                      <!--                              当前<span class="fenshu">-->
                      <!--                                {{ giantContent }}项</span>符合-->
                    </p>
                  </div>
                </div>
                <div style="float: left;height:40px;margin: 0px 20px 0px 20px"><p>诊断建议:</p></div>
                <div style="height: 40px">
                  <!--                          <p>建议在<span class="fenshu">{{ allForm.base.proposal }}</span>领域进行提升</p>-->
                  <p><span>{{ allForm.base.declare }}</span></p>
                </div>
              </div>
              <div class="fxtitle1" style="margin: 60px 0 40px 0">梯度培育符合度诊断结果分析</div>
              <el-row class="dsac" :gutter="10">
                <el-col :span="24">
                  <div class="echart-border">
                    <div class="fxjg11s">
                      <el-col :span="24">
                        <!--              创新型中小企业-->
                        <el-row class="dsac" :gutter="10">
                          <el-col :span="14">
                            <div class="echart-border">
                              <div id="innovate" ref="innovate" />
                            </div>
                          </el-col>
                          <el-col :span="10">
                            <div class="echart-border">
                              <div class="fxjg">
                                <div class="fxtitle">诊断结果分析</div>
                                <div v-if="allForm.innovate" class="fxtitle2">
                                  <p class="sm1">符合直通条件之一或指标评分总分大于60分</p>
                                  <p>直通条件4项，满足4项之一即为符合</p>
                                  <p class="sm">满足{{ allForm.innovate.throughScore }}项，{{ allForm.innovate.throughContent }}</p>
                                  <p>创新能力共40分，不低于20分即为符合</p>
                                  <p class="sm">得{{ allForm.innovate.innovationScore }}分，{{ allForm.innovate.innovationContent }}</p>
                                  <p>成长性共30分，不低于15分即为符合</p>
                                  <p class="sm">得{{ allForm.innovate.increaseScore }}分，{{ allForm.innovate.increaseContent }}</p>
                                  <p>专业化共30分，不低于15分即为符合</p>
                                  <p class="sm">得{{ allForm.innovate.professionScore }}分，{{ allForm.innovate.professionContent }}</p>
                                </div>
                              </div>
                            </div>
                          </el-col>
                        </el-row>
                      </el-col>
                    </div>
                  </div>
                </el-col>
              </el-row>
            </div>
            <div class="yd" style="height: 130px;padding-top: 50px">
              <div class="smaa">
                声明:诊断方法参照工信部印发的《优质中小企业梯度培育管理暂行办法》和本地区《专精特新发展指数》，诊断报告根据企业填报的数据得出，企业对提供的数据真实性和准确性负责。诊断结果仅供参考，并非作为申报成功与否的保证或承诺，不具备政府或法律效力。
              </div>
              <div style="text-align: center">4</div>
            </div>
            <!--            第五页-->
            <div class="mainPagehead">
              <div class="mainPagehead1">中小企业高质量发展诊断平台</div>
            </div>

            <div class="mainPageContent">
              <el-row class="dsac" :gutter="10">
                <el-col :span="24">
                  <div class="echart-border">
                    <div class="fxjg11">
                      <el-col :span="24">
                        <!--              专精特新中小企业-->
                        <el-row class="dsac" :gutter="10">
                          <el-col :span="14">
                            <div class="echart-border">
                              <div id="refinement" ref="refinement" />
                            </div>
                          </el-col>
                          <el-col :span="10">
                            <div class="echart-border">
                              <div class="fxjg" style="height: 460px">
                                <div class="fxtitle">诊断结果分析</div>
                                <div v-if="allForm.refinement" class="fxtitle2">
                                  <p class="sm1" style="margin-top: 15px;height: 40px">基础条件符合且直通条件或评分条件符合其中之一既符合</p>
                                  <p>基础条件共3项，全部符合即为符合</p>
                                  <p class="sm">满足{{ allForm.refinement.base }}项，<span v-if="allForm.refinement.baseScore === 1">符合</span><span v-if="allForm.refinement.baseScore === 0">不符合</span></p>
                                  <p>直通条件共4项，直通条件满足4项之一即为符合</p>
                                  <p class="sm">满足{{ allForm.refinement.through }}项，<span v-if="allForm.refinement.throughScore === 1">符合</span><span v-if="allForm.refinement.throughScore === 0">不符合</span></p>
                                  <p>指标评分共100分，总评分超过60分即为符合</p>
                                  <p class="sm">总评分{{ allForm.refinement.totalScore }}分，<span v-if="allForm.refinement.totalScore >= 60">符合</span><span v-if="allForm.refinement.totalScore < 60">不符合</span></p>
                                  <p>其中：</p>
                                  <p style="margin-left: 40px">专业化共25分，得{{ allForm.refinement.professionScore }}分</p>
                                  <p style="margin-left: 40px">精细化共25分，得{{ allForm.refinement.refineScore }}分</p>
                                  <p style="margin-left: 40px">特色化共15分，得{{ allForm.refinement.characteristicScore }}分</p>
                                  <p style="margin-left: 40px">创新能力共35分，得{{ allForm.refinement.innovationScore }}分</p>

                                </div>
                              </div>
                            </div>
                          </el-col>
                        </el-row>
                      </el-col>
                    </div>
                    <!--              专精特新小巨人企业-->
                    <div class="fxjg11">
                      <el-col :span="24">
                        <el-row class="dsac" :gutter="10">
                          <el-col :span="14">
                            <div class="echart-border">
                              <div id="giant" ref="giant" />
                            </div>
                          </el-col>
                          <el-col :span="10">
                            <div class="echart-border">
                              <div class="fxjg" style="height: 370px">
                                <div class="fxtitle">诊断结果分析</div>
                                <div v-if="allForm.giant" class="fxtitle2">
                                  <p class="sm1" style="margin-top: 15px">符合全部条件即为符合</p>
                                  <p>专业化能力:{{ allForm.giant1.profession }}</p>
                                  <p class="sm"><span v-if="allForm.giant1.professionContent">{{ allForm.giant1.professionContent }}</span></p>
                                  <p>精细化能力:{{ allForm.giant1.refine }}</p>
                                  <p class="sm"><span v-if="allForm.giant1.refineContent">{{ allForm.giant1.refineContent }}</span></p>
                                  <p>特色化能力:{{ allForm.giant1.characteristic }}</p>
                                  <p class="sm"><span v-if="allForm.giant1.characteristicContent">{{ allForm.giant1.characteristicContent }}</span></p>
                                  <p>创新能力:{{ allForm.giant1.innovation }}</p>
                                  <p class="sm"><span v-if="allForm.giant1.innovationContent">{{ allForm.giant1.innovationContent }}</span></p>
                                  <p>产业链配套:{{ allForm.giant1.important }}</p>
                                  <p class="sm"><span v-if="allForm.giant1.importantContent">{{ allForm.giant1.importantContent }}</span></p>
                                  <p>主导产品所属领域:{{ allForm.giant1.crux }}</p>
                                  <p class="sm"><span v-if="allForm.giant1.cruxContent">{{ allForm.giant1.cruxContent }}</span></p>
                                </div>
                              </div>
                            </div>
                          </el-col>
                        </el-row>
                      </el-col>
                    </div>
                  </div>
                </el-col>

              </el-row>
            </div>
          </div>

        </div>
        <div class="yd" style="height: 420px;padding-top: 360px;padding-bottom: 20px">
          <div class="smaa">
            声明:诊断方法参照工信部印发的《优质中小企业梯度培育管理暂行办法》和本地区《专精特新发展指数》，诊断报告根据企业填报的数据得出，企业对提供的数据真实性和准确性负责。诊断结果仅供参考，并非作为申报成功与否的保证或承诺，不具备政府或法律效力。
          </div>
          <div style="text-align: center">5</div>
        </div>
        <!--                <div style="background-color: #0c84c6 ;padding-top: 1px">-->

        <!--                  <div style="margin: 20px 20px 10px 20px;font-size: 20px" class="acacd">中小企业高质量发展诊断平台</div>-->
        <!--                  <div style="margin: 0px 20px 35px 20px;font-size: 20px" class="acacd">https://zjtx.sme.com.cn</div>-->
        <!--                  <el-row style="margin-bottom: 30px">-->
        <!--                    <el-col :span="12">-->

        <!--                      <div class="acacd" style="margin-bottom: 10px">工业和信息化部中小企业发展促进中心</div>-->
        <!--                      <div class="acacd">咨询联系电话:010-82292060，13611007270 </div>-->

        <!--                    </el-col>-->
        <!--                    <el-col :span="12">-->

        <!--                      &lt;!&ndash;                  <div class="acacd">测评单位 : 中国中小企业发展促进中心</div>&ndash;&gt;-->
        <!--                      &lt;!&ndash;                   <div class="acacd">{{ allForm.base.legalPerson }}</div>&ndash;&gt;-->

        <!--                    </el-col>-->
        <!--                  </el-row>-->
        <!--                  <el-row>-->
        <!--                    <el-col :span="24">-->
        <!--                      <div style="font-size: 12px;padding-bottom: 20px" class="acacd">-->
        <!--                        声明:诊断方法参照工信部印发的《优质中小企业梯度培育管理暂行办法》和本地区《专精特新发展指数》，诊断结果仅供参考，并非作为申报成功与否的保证或承诺，不具备政府或法律效力。-->
        <!--                      </div>-->
        <!--                    </el-col>-->
        <!--                  </el-row>-->
        <!--                </div>-->
      </div>
    </div>
  </div>
</template>

<script>
import htmlToPdf from '@/utils/htmlToPdf'
import echarts from 'echarts'
import { getReport, find } from '@/api/ent'
import { getTdpjOption,
  getInnovateOption,
  getRefinementOption,
  getGiantOption,
  getOverallOption,
  getZjtxzspfOption,
  getBaseOption,
  getCharacteristicOption,
  getDevelopOption,
  getInnovationOption,
  getProfessionlOption,
  getRefineOption
} from '@/utils/echarts'
export default {
  name: 'Review',
  data() {
    return {
      allForm: {
        base: {
          entName: '',
          cityName: ''
        }
      },
      allForm2: {
        basePo: {
          entName: ''
        }
      },
      giantContent: 0,
      tdpjOption: getTdpjOption(),
      innovateOption: getInnovateOption(),
      refinementOption: getRefinementOption(),
      giantOption: getGiantOption(),
      ztspOption: getOverallOption(),
      zjtxzspfOption: getZjtxzspfOption(),
      baseOption: getBaseOption(),
      characteristicOption: getCharacteristicOption(),
      developOption: getDevelopOption(),
      innovationOption: getInnovationOption(),
      professionOptionl: getProfessionlOption(),
      refineOption: getRefineOption(),
      fullscreenLoading: true
    }
  },
  created() {
    this.getDate()
    this.getDate2()
    setTimeout(() => {
      this.fullscreenLoading = false
      this.$nextTick(() => {
      })
    }, 1000)
    // this.handleDown(this.allForm.base.entName)
  },
  methods: {
    getDate() {
      getReport(this.$route.query).then(response => {
        console.log(response)
        if (response.result === 0) {
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
          console.log(response)
          this.allForm = response.data
          // 总体水平
          const ztspData = response.data.target.totalScore
          this.ztspOption = getOverallOption(ztspData)
          // 专精特新发展评分
          const zjtxzsData = [response.data.target.baseScore,
            response.data.target.developScore,
            response.data.target.innovationScore,
            response.data.target.characteristicScore,
            response.data.target.refineScore,
            response.data.target.professionlScore]
          const zjtxzsAvgData = [response.data.target.baseAverage,
            response.data.target.developAverage,
            response.data.target.innovationAverage,
            response.data.target.characteristicAverage,
            response.data.target.refineAverage,
            response.data.target.professionlAverage]
          this.zjtxzspfOption = getZjtxzspfOption(zjtxzsData, zjtxzsAvgData)
          // 基础能力分析
          const baseData = response.data.target.baseScore
          const baseAvgData = response.data.target.baseAverage
          this.baseOption = getBaseOption(baseData, baseAvgData)
          // 特色化能力分析
          const characteristicData = response.data.target.characteristicScore
          const characteristicAvgData = response.data.target.characteristicAverage
          this.characteristicOption = getCharacteristicOption(characteristicData, characteristicAvgData)
          // 高质量发展能力分析
          const developData = response.data.target.developScore
          const developAvgData = response.data.target.developAverage
          this.developOption = getDevelopOption(developData, developAvgData)
          // 创新能力分析
          const innovationData = response.data.target.innovationScore
          const innovationAvgData = response.data.target.innovationAverage
          this.innovationOption = getInnovationOption(innovationData, innovationAvgData)
          // 专业化能力分析
          const professionlData = response.data.target.professionlScore
          const professionlAvgData = response.data.target.professionlAverage
          this.professionlOption = getProfessionlOption(professionlData, professionlAvgData)
          // 精细化能力分析
          const refineData = response.data.target.refineScore
          const refineAvgData = response.data.target.refineAverage
          this.refineOption = getRefineOption(refineData, refineAvgData)
          // 中小企业高质量发展诊断结果
          const tdata = [response.data.base.giant,
            response.data.base.innovate,
            response.data.base.refinement]
          this.tdpjOption = getTdpjOption(tdata)
          console.log(this.tdpjOption)
          if (response.data.base.innovate === 1) {
            this.tdpjOption.series[0].data[0].tooltip.formatter = '{a} <br/>{b} : 符合'
            this.tdpjOption.series[0].data[0].cs = '符合'
          }
          if (response.data.base.giant === 1) {
            this.tdpjOption.series[0].data[2].tooltip.formatter = '{a} <br/>{b} : 符合'
            this.tdpjOption.series[0].data[2].cs = '符合'
          }
          if (response.data.base.refinement === 1) {
            // this.tdpjOption.series[0].
            this.tdpjOption.series[0].data[1].tooltip.formatter = '{a} <br/>{b} : 符合'
            this.tdpjOption.series[0].data[1].cs = '符合'
          }
          // console.log(this.tdpjOption)
          // 创新型中小企业评分
          const edata = [response.data.innovate.innovationScore,
            response.data.innovate.professionScore, response.data.innovate.increaseScore]
          this.innovateOption = getInnovateOption(edata)
          // 专精特新中小企业评分
          const rdata = [response.data.refinement.professionScore,
            response.data.refinement.innovationScore,
            response.data.refinement.characteristicScore,
            response.data.refinement.refineScore]
          this.refinementOption = getRefinementOption(rdata)
          // 专精特新小巨人中小企业评分
          const gdata = [response.data.giant.profession, response.data.giant.important,
            response.data.giant.crux,
            response.data.giant.innovation,
            response.data.giant.characteristic,
            response.data.giant.refine
          ]
          console.log(gdata)
          this.giantOption = getGiantOption(gdata)
          this.giantContent = response.data.giant.characteristic +
            response.data.giant.crux +
            response.data.giant.important +
            response.data.giant.innovation +
            response.data.giant.profession +
            response.data.giant.refine
          this.setScreen()
        }
      })
    },
    getDate2() {
      find(this.$route.query).then(response => {
        if (response.result === 0) {
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
          console.log(response)
          if (response.data) {
            this.allForm2 = response.data
          }
          // this.allForm.managementPo.industry = [this.allForm.managementPo.industryCode, this.allForm.managementPo.industrySecondCode, this.allForm.managementPo.industryThreeCode, this.allForm.managementPo.industryFourthCode]
        }
      })
    },
    setScreen() {
      // 总体水平
      const ztspDiv = this.$refs.ztsp
      ztspDiv.style.width = '100%'
      ztspDiv.style.height = '300px'
      const ztspChart = echarts.init(ztspDiv)
      ztspChart.setOption(this.ztspOption)
      // 专精特新发展评分
      const zjtxzspfDiv = this.$refs.zjtxzspf
      zjtxzspfDiv.style.width = '100%'
      zjtxzspfDiv.style.height = '300px'
      const zjtxzspfChart = echarts.init(zjtxzspfDiv)
      zjtxzspfChart.setOption(this.zjtxzspfOption)
      // 基础能力分析
      const baseDiv = this.$refs.base
      baseDiv.style.width = '100%'
      baseDiv.style.height = '180px'
      const baseChart = echarts.init(baseDiv)
      baseChart.setOption(this.baseOption)
      // 特色化能力分析
      const characteristicDiv = this.$refs.characteristic
      characteristicDiv.style.width = '100%'
      characteristicDiv.style.height = '180px'
      const characteristicChart = echarts.init(characteristicDiv)
      characteristicChart.setOption(this.characteristicOption)
      // 高质量发展能力分析
      const developDiv = this.$refs.develop
      developDiv.style.width = '100%'
      developDiv.style.height = '180px'
      const developChart = echarts.init(developDiv)
      developChart.setOption(this.developOption)
      // 创新能力分析
      const innovationDiv = this.$refs.innovation
      innovationDiv.style.width = '100%'
      innovationDiv.style.height = '180px'
      const innovationChart = echarts.init(innovationDiv)
      innovationChart.setOption(this.innovationOption)
      // 专业化能力分析
      const professionlDiv = this.$refs.professionl
      professionlDiv.style.width = '100%'
      professionlDiv.style.height = '180px'
      const professionlChart = echarts.init(professionlDiv)
      professionlChart.setOption(this.professionlOption)
      // 精细化能力分析
      const refineDiv = this.$refs.refine
      refineDiv.style.width = '100%'
      refineDiv.style.height = '180px'
      const refineChart = echarts.init(refineDiv)
      refineChart.setOption(this.refineOption)
      // 中小企业高质量发展诊断结果
      const tdpjDiv = this.$refs.tdpj
      tdpjDiv.style.width = '100%'
      tdpjDiv.style.height = '360px'
      const tdpjChart = echarts.init(tdpjDiv)
      tdpjChart.setOption(this.tdpjOption)
      // 创新型中小企业评分
      const innovateDiv = this.$refs.innovate
      innovateDiv.style.width = '100%'
      innovateDiv.style.height = '300px'
      const innovateChart = echarts.init(innovateDiv)
      innovateChart.setOption(this.innovateOption)
      // 专精特新中小企业评分
      const refinementDiv = this.$refs.refinement
      refinementDiv.style.width = '100%'
      refinementDiv.style.height = '400px'
      const refinementChart = echarts.init(refinementDiv)
      refinementChart.setOption(this.refinementOption)
      // 专精特新小巨人中小企业评分
      const giantDiv = this.$refs.giant
      giantDiv.style.width = '100%'
      giantDiv.style.height = '350px'
      const giantChart = echarts.init(giantDiv)
      giantChart.setOption(this.giantOption)
    },
    handleDown(eName) {
      htmlToPdf.downloadPDF(document.querySelector('#demo'), eName)
    }

  }
}
</script>
<style scoped>
  .asx {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px
  }

  .title2 {
    line-height: 40px;
    font-size: 30px;
    color: #194f97;
    /*border-bottom: 1px #cccccc solid;*/
    margin-bottom: 20px;
    font-weight: bold;
  }
  .title2a1{
    line-height: 100px;
    font-size: 60px;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
  }
.title2a{
    line-height: 50px;
    font-size: 25px;
    color: #ffffff;
    border-bottom: 1px #ffffff solid;
    margin-bottom: 20px;
  padding: 10px 20px;
  }
  .iconimg {
    width: 120px;
    height: 120px;
    background-position: 50%;
    background-size: 123px 123px;
    margin: 40px 87px 25px;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: block;
  }

  .procedure .grid-content :after {
    content: "";
    width: 135px;
    height: 2px;
    position: absolute;
    border: 2px dotted #f2ead8;
    margin-top: 54px;
    margin-left: 125px;
  }

  .title_icon {
    margin-left: 95px;
  }

  .procedure .title_icon:after {
    border: 0px;
  }
</style>
<style>

  p {
    line-height: 32px;
    font-size: 16px;
    color: #000000;
  }

  h1 {
    color: #000000;
  }
  .mainForm .div__label{
    /*width: 140px !important;*/
    text-align: left !important;
    background: #0c84c6 ;
    color: #ffffff;
    padding-left: 10px;
  }
    .mainForm .el260 .el-input{
    width: 260px !important;
  }
  .mainForm .el260 .div__label{
    margin-right: 5px !important;
  }
  .mainForm .el220 .el-input{
    width: 220px !important;
  }
  .zfzc   .div__label{
    width: 300px !important;
    margin-right: 5px !important;
  }
 .zfzc   .div__content{
    margin-left: 305px !important;
    margin-right: 10px;
  }
  .xjr .div__label{
    width: 400px!important;
    text-align: left !important;
     background: #0c84c6 ;
    color: #ffffff;
    padding-left: 10px;
    margin-right: 30px;
  }
  .zyh .div__label{
    width: 250px!important;
  }
  .zyh .div__content{
    margin-left: 250px !important;
    margin-right: 10px;
  }
    .zyhthx .div__label{
    width: 180px!important;
  }
  .zyhthx .div__content{
    margin-left: 180px !important;
    margin-right: 10px;
  }
      .zyhthx1 .div__label{
    width: 180px!important;
  }
  .zyhthx1 .div__content{
    margin-left: 180px !important;
    margin-right: 10px;
  }
  .zyhthx1 .el-input{
    width: 270px !important;
  }
  .zdcp  .div__label{
    width: 300px!important;
    margin-right: 30px !important;
  }
  .zdcp .div__content{
    margin-left: 331px !important;
  }
  .title3{
    color: #0c84c6 ;
    font-size: 22px;
    font-weight: bolder;
    text-align: right;
    margin-bottom: 10px;
  }
  .title3 div{
    float: left;
   width: 180px;
    text-align: center;
      margin-bottom: 10px;
  }
    .title4{
    color: #0c84c6 ;
    font-size: 22px;
    font-weight: bolder;
    text-align: right;
    margin-bottom: 10px;
  }
  .title4 div{
    float: left;
   width: 160px;
    text-align: center;
      margin-bottom: 10px;
  }
  .title5 {
    background: #0452a3;
    color: #ffffff;
    font-size: 16px;
    line-height: 45px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-left: 20px;
  }
  .area81 .el-textarea__inner{
    height: 81px;
  }
  .tsh  .div__label{
    width: 260px!important;
    margin-right: 5px !important;
  }
  .tsh .div__content{
    margin-left: 265px !important;
    margin-right: 10px;
  }
  .tsh .el-input{
    width: 241px !important;}
  .tsh  .el-textarea__inner{
    height: 121px;
  }
    .shangxia .div__content{
    margin: auto !important;
    width: 370px;
      text-align: center;
  }
  .mainForm .steps .el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 85%;
    word-break: break-all;
}
.acacd{
  color: #ffffff;
  margin-left: 20px;
}
.aceacd{
  color: #333333;
  line-height: 40px;
  font-size: 20px;
}
  .qzgrs li{
    border: 1px solid  #DCDFE6;
    margin-right: 3px;
    width: 180px;
    float: left;
    border-radius: 4px;
    list-style: none;
    text-align: left;
    padding-left: 20px;
  }
   .qzgrs1 li{
    border: 1px solid  #DCDFE6;
    margin-right: 3px;
    width: 165px;
    float: left;
    border-radius: 4px;
    list-style: none;
    text-align: left;
     padding-left: 20px;
  }
    .echart-border{
    padding: 10px 5px 0px 5px;
    /*border:1px #59c3dc solid;*/
    /*border-radius:8px;*/
    /*box-shadow: 1px 1px 12px #59c3dc inset;*/
    margin-bottom: 10px;
  }
  .echart-border div{
    /*margin: auto;*/
  }
  .dsac{
    /*background: #f5f5f5;*/
    margin-bottom: 28px;
  }
  .fxjg{
    height: 300px;
    /*background: #fff;*/
    padding: 10px;
  }
      .fxjg1p1{
    height: 620px;
    /*background: #fff;*/
    padding: 10px;
  }
    .fxjg1{
    height: 1120px;
    /*background: #fff;*/
    padding: 10px;
  }
        .fxjg11{
    height: 410px;
    /*background: #fff;*/
  }
  .fxjg11s{
    height: 300px;
    /*background: #fff;*/
  }
  .fxtitle{
    color: #0c84c6 ;
    font-weight: bold;
    border-bottom: 1px #9eacd9 solid;
    height: 24px;
  }
    .fxtitle1{
    color: #0c84c6 ;
    font-weight: bold;
    border-bottom: 1px #9eacd9 solid;
    height: 35px;
      font-size: 22px;
  }
        .fxtitle2 p{
            min-height: 16px;
            font-size: 16px;
          margin: 10px 0px 10px 0px;
  }
  p{line-height: 30px;
  font-size: 16px;
  color: #444444}
  .eae{
    padding-bottom: 10px;
    border-bottom: 1px #cccccc solid;
  }
    .eae p{
    height: 18px;
  font-size: 16px;
  }
  .fenshu{
    color: red;
  }
  .sm{
    /*height: 15px;*/
    font-size: 14px !important;
    color: red;
    line-height: 16px;
  }
  .sm1{
        height: 14px;
    font-size: 16px !important;
    color: #333333;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .smaa{
    font-size: 12px;padding-bottom: 20px;color: #888888;text-align: left;line-height: 20px;
    padding: 0px 20px;
  }
  .everyPage{
    height: 1543px;
  }
  .fmPage{
    background-image: url("../../assets/fm.jpg");
    background-size: cover;
    opacity:0.8;
    filter:alpha(opacity=40);
  }
  .adfwqx{
    padding:20px 0px 0px 0px;
    font-weight: bold
  }
  .mainPagehead{
    padding: 70px 0px 40px 0px;
    font-size: 18px;
    color: #000000;
    line-height: 40px;
    border-bottom: 1px #103667aa solid;
    text-align: right
  }
  .mainPageContent{
    padding: 30px 70px 10px 70px;
  }
  .mainPagehead1{
    float: right;
    background: #103667;
    padding-right: 20px;
    color: #ffffff;
    width: 300px;
      transform: skew(0deg,0deg)
  }
  .jbxx{
    /*background: #103667;*/
    /*background: #103667;*/
    /*border-bottom: 1px #0c84c6  solid;*/
    font-size: 16px;
    line-height: 30px;
    height: 60px;
    color: #666666;
  }
  canvas{
     z-index: 20;
  position: relative;
  }
</style>
